import Vue from 'vue'

// 可以对各个浏览器的样式做一个统一
import 'normalize.css/normalize.css'

import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
// 引入 ElementUI 的英文语言包
import locale from 'element-ui/lib/locale/lang/en'

// 引入全局的样式，less 定义变量用 @，sass 用 $
import '@/styles/index.scss'

// 引入根组件
import App from './App'

// 引入 Vuex 实例
import store from './store'

// 引入路由实例
import router from './router'

// 导入所有 icons，只需要执行一下这个文件的代码即可
import '@/icons'
// 引入权限相关的代码
import '@/permission'
import * as directives from '@/directives'
for (const key in directives) {
  Vue.directive(key, directives[key])
}
// #1 改动
// 下面是模拟数据相关的代码，我们有实例的线上接口，不需要
/* if (process.env.NODE_ENV === 'production') {
  const { mockXHR } = require('../mock')
  mockXHR()
} */

// 全局注册 ElementUI 的所有组件，并且把语言模式变成英文的
Vue.use(ElementUI, { locale })
// 如果想要中文版 element-ui，按如下方式声明
// Vue.use(ElementUI)

Vue.config.productionTip = false

console.log(process.env)

// 注册路由实例、注册 Vuex 实例，把根组件渲染到 public/index.html 里面的 #app
new Vue({
  el: '#app',
  router,
  store,
  render: h => h(App)
})
